<template>
  <div class="box">
      <Skelenton :width='60' :height='40' bgColor='red'></Skelenton>
      <Skelenton :width='80' :height='60'></Skelenton>
      <Skelenton :width='100' :height='80'></Skelenton>

      <Slider :sliders='sliders' :data='1000' :isAuto='false'></Slider>
  </div>
</template>

<script>
import { ref } from 'vue'
export default {
  setup () {
    const sliders = ref([
      {
        hrefUrl: '/#/',
        id: '630000201807155635',
        imgUrl:
          'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b1.jpg'
      },
      {
        hrefUrl: '/#/',
        id: '650000201207058528',
        imgUrl:
          'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b2.jpg'
      }
    ])
    return {
      sliders
    }
  }
}
</script>

<style>
.box{
    background-color:#fff
}
</style>
